<template>
  <div id="app" :style="note">
    <router-view></router-view>
  </div>
</template>

<script>
    export default {
      name: 'app',

      components: {

      },

      data() {
        return {
            barH:'',
            note: {
							backgroundImage: "url(" + require("@/assets/bg2.jpg") + ")",
							backgroundRepeat: "no-repeat",
							backgroundSize: "100% 100%	",
						},
        }
      },

      mounted() {
        this.barH = (document.documentElement.clientHeight || document.body.clientHeight)-51;
      }
    }
</script>

<style lang="scss">
  @import '../common/css/reset.scss';
</style>

<style lang="scss">
  $sidebar-color:#353e47;
  #app{
  	position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		overflow-x: hidden;
		margin: 0;
		padding: 0;
  }
</style>



